<template>
    <header>
        <h1>bolog</h1>
        <nav>
            <router-link to="/">首页</router-link>
            <router-link to="/Create">新建</router-link>
        </nav>
    </header>
</template>
<script setup>
</script>
<style scoped>
header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px;
}
header h1 {
    color: #dfdfdf;
    font-size: 48px;
}
header a {
    color: #bbb;
    text-decoration: none;
    margin-left: 20px;
}
header a.router-link-active {
    color: #444;
    font-weight: bold;
}
</style>